<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React 二次体验</title>
  </head>
  <body>
    <!-- 
      <div>
        <h2 title="李佳琦出事儿啦">李佳琦眉笔 79 这么多年没涨价</h2>
        <p>李佳琦，男，汉族，1992年10月出生，2011年考入南昌大学。电商主播，美妆达人，外号“口红一哥”，美腕（上海）网络科技有限公司合伙人。李佳琦曾于2018年9月成功挑战<a>查看更多</a></p>
      </div>
     -->
    <div id="root"></div>
    <script src="./js/react.development.js"></script>
    <script src="./js/react-dom.development.js"></script>

    <script>
      //创建 react 元素   第三个元素开始, 后续的参数都将作为 div 的子元素
      let div = React.createElement(
        'div', 
        null, 
        React.createElement('h2', {title: '李佳琦出事儿啦'}, '李佳琦眉笔 79 这么多年没涨价'), 
        React.createElement('p', null, '李佳琦，男，汉族，1992年10月出生，2011年考入南昌大学。电商主播，美妆达人，外号“口红一哥”，美腕（上海）网络科技有限公司合伙人。李佳琦曾于2018年9月成功挑战', React.createElement('a', {href:'http://www.baidu.com/s?wd=李佳琦'}, '查看更多'))
      );

      //渲染
      ReactDOM.render(div, document.querySelector('#root'));
    </script>
  </body>
</html>
